<template>
  <div class="hello">
    <mySwiper></mySwiper>
    <el-row type="flex" justify="space-around" class="good_out" align="center">
      <el-col class="good_inner" :span="5" v-for="(item,index) in goodsList" :key="index">
        <router-link :to="{name:'detail',params:{'id':1}}">
          <img :src="item.url" alt="">
          <el-row class="good_info">{{item.info}}</el-row>
          <el-row>
            <el-col class="new_price" :span="6">￥{{item.newPrice}}</el-col>
            <el-col class="old_price" :span="4">￥{{item.oldPrice}}</el-col>
          </el-row>
        </router-link>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  import mySwiper from './swiper'
export default {
  name: 'HelloWorld',
  components:{mySwiper},
  data () {
    return {
      goodsList:[
        {
          url:'./static/img/img.jpg',
          info:'澳大利亚进口脐橙 澳橙12个装 单果重约150g-180g  新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img2.jpg',
          info:'展卉 泰国椰青 9个装 单果约800g以上 赠送开椰器和吸管 新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img3.jpg',
          info:'越南进口红心火龙果 4个装 单果约330~420g 新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img4.jpg',
          info:'澳大利亚进口脐橙 丑橙 4kg装 新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img.jpg',
          info:'澳大利亚进口脐橙 澳橙12个装 单果重约150g-180g  新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img2.jpg',
          info:'展卉 泰国椰青 9个装 单果约800g以上 赠送开椰器和吸管 新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img3.jpg',
          info:'越南进口红心火龙果 4个装 单果约330~420g 新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img4.jpg',
          info:'澳大利亚进口脐橙 丑橙 4kg装 新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img.jpg',
          info:'澳大利亚进口脐橙 澳橙12个装 单果重约150g-180g  新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img2.jpg',
          info:'展卉 泰国椰青 9个装 单果约800g以上 赠送开椰器和吸管 新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img3.jpg',
          info:'越南进口红心火龙果 4个装 单果约330~420g 新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img4.jpg',
          info:'澳大利亚进口脐橙 丑橙 4kg装 新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img.jpg',
          info:'澳大利亚进口脐橙 澳橙12个装 单果重约150g-180g  新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img2.jpg',
          info:'展卉 泰国椰青 9个装 单果约800g以上 赠送开椰器和吸管 新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img3.jpg',
          info:'越南进口红心火龙果 4个装 单果约330~420g 新鲜水果',
          newPrice:100,
          oldPrice:90
        },
        {
          url:'./static/img/img4.jpg',
          info:'澳大利亚进口脐橙 丑橙 4kg装 新鲜水果',
          newPrice:100,
          oldPrice:90
        }
      ]
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
